﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>Maxx</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/tipTip.css" />
    <link rel="stylesheet" type="text/css" href="css/short-code.css" />
    <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />
    <link rel="stylesheet" type="text/css" href="css/css3.css" />
    <link rel="stylesheet" type="text/css" href="css/slider.css" />
    <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="../scripts/ext-all.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <!--<script type="text/javascript" src="js/TitilliumText.font.js"></script>-->
    <script type="text/javascript" src="js/cufon-replace.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>
    <script type="text/javascript" src="js/shortcode.js"></script>
    <!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7.css"><![endif]-->
    <script type="text/javascript">
        $(document).ready(function () {
            $.get("header.html", function (data) {
                $("#divHeader").html(data);
            });
            $.get("footer.html", function (data) {
                $("#divFooter").html(data);
            });
        });
        Ext.onReady(function () {
            Ext.QuickTips.init();
            Ext.Ajax.request({
                url: '../HotelWebService.asmx/ListNewsInfo',
                success: function (response, opts) {
                    eval('var result =' + response.responseText + ';');
                    {
                        if (result.total > 0) {
                            $("#spanAbout")[0].innerHTML = result.data[0].NewsContent;
                        }
                    }
                },
                failure: function (response, opts) {
                    //Ext.Msg.alert(AdviceLang.AlertInfo, AdviceLang.LoginFailed);
                },
                params: { categoryCode: 'C000000001', startIndex: 0, limit: 2 }
            });
        });

    </script>
</head>
<body class="home">
    <!--Header-->
    <div id="divHeader"></div>
    <!--/Header-->
    <!--Slider-->
    <div class="clear" id="slider-bg">
        <div class="full-width-wrapper" id="slider-frame">
            <div class="fixed-width-wrapper maxx-theme" id="slider-wrapper">
                <div id="slider" class="nivoSlider">
                    <a href="#">
                        <img src="images/pix/slide1.jpg" alt="" title="#htmlcaption"></a><a href="#"><img
                            src="images/pix/slide2.jpg" alt="" title=""></a><a href="#"><img src="images/pix/slide3.jpg"
                                alt="" title="#htmlcaption2"></a><a href="#"><img src="images/pix/slide4.jpg" alt=""
                                    title=""></a><a href="#"><img src="images/pix/slide5.jpg" alt="" title="#htmlcaption3"></a></div>
                <div id="htmlcaption" class="nivo-html-caption">
                    <h1>
                        Lorem ipsum dolor sit amet</h1>
                    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
                </div>
                <div id="htmlcaption2" class="nivo-html-caption">
                    <h1>
                        Lorem ipsum dolor sit amet</h1>
                    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
                </div>
                <div id="htmlcaption3" class="nivo-html-caption">
                    <h1>
                        Lorem ipsum dolor sit amet</h1>
                    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
                </div>
            </div>
        </div>
    </div>
    <!--/Slider-->
    <!--Body content-->
    <div class="full-width-wrapper">
        <div class="fixed-width-wrapper body-divider " id="body-content">
            <!--Entry-->
            <div class="entry three-column fixed-width-wrapper">
                <!--block-->
                <div class="block type1">
                    <div class="content" style="width:280px">
                        <a href="#" title="" class="preloading-light img-border align-none">
                            <img src="images/pix/about.jpg" width="280" alt="" /></a><div class="clear">
                            </div>
                            <label id="spanAbout" style="clear:both"></label>
                    </div>
                </div>
                <!--/block-->
                <!--block-->
                <div class="block type2">
                    <h1 class="first-word double-color">
                        What we do ?</h1>
                    <div class="content">
                        <ul class="zigzag list">
                            <li>
                                <img src="images/icons/clipboard_48.png" alt="" class="align-right"><strong>Design web
                                    templates</strong><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. ...
                                    </span><a href="#" title="">more</a></li><li>
                                        <img src="images/icons/bug_48.png" alt="" class="align-left"><strong>Interface Development</strong><span>Nullam
                                            vel tincidunt ligula. Donec ligula mauris, vehicula quis feugiat at. </span>
                                        <a href="#" title="">more</a></li><li>
                                            <img src="images/icons/help_48.png" alt="" class="align-right"><strong>Support Everytime
                                                & Every Where</strong><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                                                    ... </span><a href="#" title="">more</a></li></ul>
                    </div>
                </div>
                <!--/block-->
                <!--block-->
                <div class="block type3">
                    <h1 class="first-word double-color">
                        Why choose us ?</h1>
                    <div class="content">
                        <p>
                            Nullam vel tincidunt ligula. Donec ligula mauris, vehicula quis feugiat at, consequat
                            ut velit. Praesent vestibulum orci vitae nibh cursus vulputate. Donec aliquam laoreet
                            commodo. Praesent vestibulum orci vitae nibh.</p>
                        <ul class="list point">
                            <li><a href="#" title=""><em>1.</em>Lorem ipsum dolor sit amet, consectetur</a></li><li>
                                <a href="#" title=""><em>2.</em>Donec ligula mauris</a></li><li><a href="#" title="">
                                    <em>3.</em>Aenean sed</a></li><li><a href="#" title=""><em>4.</em>Nullam ven tincidunt
                                        dolor</a></li><li><a href="#" title=""><em>5.</em>Lorem ipsum dolor</a></li></ul>
                    </div>
                </div>
                <!--/block-->
            </div>
            <!--/Entry-->
            <!--Get in touch-->
            <!--/Get in touch-->
        </div>
    </div>
    <!--/Footer content-->
    <!--Footer Extra-->
    <div id="divFooter"></div>
    <!--/Footer Extra-->
</body>
</html>
